<template>
	<div class="shop-search clearfix">
		<div class="cw clearfix layui-form">
			<div class="search-left fl">
				<img src="../img/logo.png" alt="logo" />
			</div>
			<div class="search-right clearfix layui-form-item">
				<div class="layui-input-inline search-list fl">
			      <select name="" lay-verify="required">
			        <option value="0">产品</option>
			        <option value="1">店铺</option>
			      </select>
			    </div>
				<input class="search" type="text" placeholder="请输入你想要的内容"/>
				<a class="layui-btn layui-btn-normal fr" href="javascript:;">搜&nbsp;索</a>
			</div>
		</div>
	</div>
</template>

<script>
	layui.use('form',function(){
		var form = layui.form();
	})
</script>

<style>
	.shop-search{
		height:100px;
		margin-top:38px;
		position: relative;
	}
	.search-left img{
		width:175px;
		height:55px;
	}
	.search-right{
		border:2px solid #13a5e7;
		width:478px;
		height:40px;
		margin-top:10px;
		position: absolute;
		left:50%;
		top:0;
		margin-left:-230px;
	}
	.layui-input-inline{
		width:90px !important;
		text-align: center;
	}
	.layui-select-title input{
		border:none;
		height:36px;
		background: #E3EDF5;
		text-align: center;
	}
	
	.layui-form-select dl dd.layui-this{
		background: #1E9FFF;
		
	}
	.search{
		width:280px;
		height:38px;
		line-height:38px;
	}
	.layui-btn{
		padding:0 30px;
		border-radius: 0;
	}
</style>